
<div class="container_8">

    <?php include_partial( 'welcome/header' ) ?>

    <div class="paging body"></div>

	<div class="body">
        <?php include_partial( 'welcome/lodgingItems', array( 'lodging' => $lodging ) ) ?>
	</div>

</div>

<script type="text/javascript">

	var calendarDefData = {
		rangeSelect: true,
		numberOfMonths: 2,
		prevText: '<<',
		nextText: '>>',
		currentText: 'Сегодня',
		minDate: '01.06.2010', // ru
	    maxDate: '31.08.2010', // ru
		changeMonth: false,
	    changeYear: false
	};

	function calendarInit() {
		$('#rangeDatepicker').datepick( calendarDefData );
	}

	function calendarClear() {
		$.datepick._clearDate('#rangeDatepicker');
		$('#rangeDatepicker').datepick( calendarDefData );
		$.datepick._gotoToday('#rangeDatepicker');
	}

	$('#rangeSlider1').slider({
		value:100,
		min: 100,
		max: 500,
		step: 100,
		slide: function(event, ui) {
			$("#rangePrice").val(ui.value);
		}
	});
	$("#rangePrice").val( $("#rangeSlider1").slider("value") );

	$('#rangeSlider2').slider({
		value:1,
		min: 1,
		max: 5,
		step: 1,
		slide: function(event, ui) {
			$("#rangeRooms").val(ui.value);
		}
	});
	$("#rangeRooms").val( $("#rangeSlider2").slider("value") );

	calendarInit();

</script>